<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学习html标签</title>
</head>
<body>
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h1> <!--浏览器具有鲁棒性，写错了可能也会正确加载出来-->
        我是一个段落
        我也是一个段落
        我           也是一个段落
    <p>段    落</p>
    <p>段落</p><!--多个空格和换行都会在浏览器中显示成一个空格-->
    <p>我是一个&lt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;段落</p>
    <br/>
    上面是一个换行
    <br/>
    上面是一个换行<br/>
    上面是一个换行<br/>
    上面是一个换行<br/>
    <!--网络路径-->
    <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.1NBy84ASx1WV2cpoSPrBIwHaEK?w=263&h=180&c=7&r=0&o=7&dpr=2&pid=1.7&rm=3" alt="我是alt"  title="我是title"  width="300px"><br/>
    <!--绝对路径-->
    <img src="D:\my-java-code\workspace\HTML练习\pic\0040jbadgy1goswc9wjllj62bm340u0z02.jpg" alt="" title="" width="300px" ><br/>
    <!--相对路径-->
    <img src="./pic/0040jbadgy1gt002srln8j629130f1ky02.jpg" alt="" title="" width="300px" ><br/>
    <!--超链接-->
    <a href="https://www.baidu.com" target="_blank">这是百度首页</a><br/>
    <a href="demo02.html" target="_self">demo02的页面</a><br/>
    <a href="#" >空连接</a>

    <table border="1px" cellpadding="0" cellspacing="0" width="500px" height="200px" align="center" style="text-align:center">
        <tr>
            <td colspan="2">11</td>
        </tr>
        <tr>
            <td>33</td>
            <td rowspan="2">44</td>
        </tr>
        <tr>
            <td>55</td>
        </tr>
    </table>

    <!--table>tr*3>td*2,再按enter就能快速创建表格-->
    <table>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>

</html>